<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>BOM与严格模式</title>
		<style>

		</style>
	</head>
	<body style="height: 3000px;">
		<script>
			
		</script>

		<p>天青色等烟雨,而我在等你</p>

		


		<script type="text/javascript">
			//  变量 起作用的范围  
			// 全局  局部->函数-块级
			
			
			console.log( window);
			
			document.addEventListener('dblclick',function(){
				'use strict'
				// window.open('https://www.baidu.com/')
				// window.close()
				// location.href = 'https://www.baidu.com/'
				// location.assign('https://www.baidu.com/')
				// location.replace('https://www.baidu.com/')
				location.reload()
			})
			/*
			ES6    ES2015  
			ECMAscript + DOM + BOM = javascript
			0.Browser Object Model 浏览器对象模型
			
				Window：窗口对象
					open()   _self  
					close()  关闭当前窗口
					onload
					onscroll
					onresize
					定时器 
					弹出框
				location：地址栏对象
					//#哈希值锚点	
					hash: ""
					//主域名
					host: "127.0.0.1:8848"
					//域名
					hostname: "127.0.0.1"
					//完整地址
					href: "http://127.0.0.1:8848/js%E5%A4%87%E8%AF%BE/js13-BOM%E4%B8%8E%E4%B8%A5%E6%A0%BC%E6%A8%A1%E5%BC%8F/index.html"
					//加上http协议
					origin: "http://127.0.0.1:8848"
					//子域名
					pathname: "/js%E5%A4%87%E8%AF%BE/js13-BOM%E4%B8%8E%E4%B8%A5%E6%A0%BC%E6%A8%A1%E5%BC%8F/index.html"
					//端口
					port: "8848"
					//协议
					protocol: "http:"
					//?后面的东西 一般是数据
					search:
					
					常用的 window.location.href = 'https://www.baidu.com'
					跳转页面
					window.location.assign('https://www.baidu.com')
					
					跳转页面 不保留历史记录
					window.location.replace('https://www.baidu.com')
					
					刷新页面 重新加载当前文档。
					window.location.reload()
					
				history：历史记录对象
					length: 当前标签页跳转了几次
					方法
					回到上一个页面
					back: ƒ back()
					前进到下一个页面
					forward: ƒ forward()
					去到指定的页面  正数前进 负数后退
					go: ƒ go()
				navigator：浏览器对象
					userAgent  浏览器的信息   优雅降级   火狐比较正常
					兼容性 -- 多端  ios   mac   安卓  windows  linux  

			## 1.严格模式
			### 1.1什么是严格模式
			JavaScript 除了提供正常模式外，还提供了严格模式（strict mode）。ES5 的严格模式是采用具有限制性
			 JavaScript变体的一种方式，即在严格的条件下运行 JS 代码。
			
			严格模式在 IE10 以上版本的浏览器中才会被支持，旧版本浏览器中会被忽略。
			
			严格模式对正常的 JavaScript 语义做了一些更改： 
			
			1.消除了 Javascript 语法的一些不合理、不严谨之处，减少了一些怪异行为。
			2.消除代码运行的一些不安全之处，保证代码运行的安全。
			3.提高编译器效率，增加运行速度。
			4.禁用了在 ECMAScript 的未来版本中可能会定义的一些语法，为未来新版本的 Javascript 做好铺垫。
			比如一些保留字如：class,enum,export, extends, import, super 不能做变量名
			### 3.2开启严格模式
			严格模式可以应用到整个脚本或个别函数中。
			'use strict'
			
			### 3.3严格模式中的变化
			严格模式对 Javascript 的语法和行为，都做了一些改变。
			'use strict'
			num = 10 
			console.log(num)//严格模式后使用未声明的变量
			--------------------------------------------------------------------------------
			var num2 = 1;
			delete num2;//严格模式不允许删除变量
			--------------------------------------------------------------------------------
			function fn() {
			 console.log(this); // 严格模式下全局作用域中函数中的 this 是 undefined
			}
			fn();  
			---------------------------------------------------------------------------------
			function Star() {
				 this.sex = '男';
			}
			// Star();严格模式下,如果 构造函数不加new调用, this 指向的是undefined 如果给他赋值则 会报错.
			var ldh = new Star();
			console.log(ldh.sex);
			----------------------------------------------------------------------------------
			setTimeout(function() {
			  console.log(this); //严格模式下，定时器 this 还是指向 window
			}, 2000); 
			
			
			1.变量必须声明后再使用
			2.函数的参数不能有同名属性，否则报错
			3.不能使用with语句
			4.不能对只读属性赋值，否则报错
			5.不能使用前缀 0 表示八进制数，否则报错
			6.不能删除不可删除的属性，否则报错
			7.不能删除变量delete prop，会报错，只能删除属性delete global[prop]
			8.eval不会在它的外层作用域引入变量
			9.eval和arguments不能被重新赋值
			10.arguments不会自动反映函数参数的变化
			11.不能使用arguments.callee
			12.不能使用arguments.caller
			13.禁止this指向全局对象
			14.不能使用fn.caller和fn.arguments获取函数调用的堆栈
			15.增加了保留字（比如protected、static和interface）
			*/
		</script>



	</body>
</html>